<template>
  <q-layout view="lHh Lpr LFf">    
    <my-header></my-header>
    <my-drawer></my-drawer>
    <q-page-container>
      <router-view />
    </q-page-container>
    <q-layout-footer>
      <q-tabs align="justify" position="bottom" inverted>
        <q-route-tab slot="title" label="热门视频" :to="'/douyin/videos'"/>
        <q-route-tab slot="title" label="热门账号" :to="'/douyin/accounts'"/>
        <q-route-tab slot="title" label="热门BGM" :to="'/douyin/bgm'"/>
      </q-tabs>
    </q-layout-footer>
  </q-layout>
</template>

<script>
import MyHeader from "../components/MyHeader.vue";
import MyDrawer from "../components/MyDrawer.vue";

export default {
  name: 'ReviewLayout',
  components: { MyHeader, MyDrawer }
}
</script>
